
var path = require('path')
var htmlWebpackPlugin = require('html-webpack-plugin')


module.exports = {
    entry : path.join(__dirname,'./src/main.js'),
    output : {
        path : path.join(__dirname,'./dist'),
        filename : 'bundle.js'
    },
    plugins : [
        new htmlWebpackPlugin({
            template:path.join(__dirname,'./src/index.html'),
        filename : 'index.html'
    })
       
    ],
    module : {
       rules :[
        { test : /\.css$/, use :['style-loader', 'css-loader'] },
        { test : /\.less$/, use :['style-loader', 'css-loader','less-loader'] },
        { test: /\.scss$/, use: ['style-loader', 'css-loader', 'sass-loader'] },
        { test: /\.(jpg|png|gif|bmp|jpeg)$/, use: 'url-loader?limit=7631&name=[hash:8]-[name].[ext]' },
        { test: /\.(ttf|eot|svg|woff|woff2)$/, use: 'url-loader' },
        {test:/\.js$/ , use : 'babel-loader', exclude:/node_modules/},  //  配置 Babel 来转换高级的ES语法
        { test: /\.vue$/, use: 'vue-loader' } // 处理 .vue 文件的 loader
       ]
    }
}